.login {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login .login-content {
  position: relative;
}

.login .login-content .login-title {
  width: 100%;
  position: absolute;
  margin-bottom: 0;
  top: -120px;
  left: 0;
  line-height: 40px;
  font-size: 36px;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 2px;
  text-shadow: 0 0 20px #0CB8FF, 0 0 30px #0CB8FF;
}

.login .login-content .account-login {
  background-image: url('../../assets/image/login-bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 504px;
  height: 417px;
  display: flex;
  flex-direction: column;
  padding-top: 55px;
  align-items: center;
}

.login .login-content .account-signin {
  background-image: url('../../assets/image/signin-bg.png') !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.login .login-content .account-login .text-box {}

.login .login-content .account-login .text-box h1 {
  color: #278DFE;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 0;
}

.login .login-content .account-login .form-login-box {
  width: 352px;
  margin-top: 30px;
}

.login .login-content .account-login .form-login-box input {
  height: 30px;
  background: none;
  color: #0CB8FF !important;
}

.login .login-content .account-login .form-login-box input::placeholder {
  color: #0CB8FF !important;
  text-indent: -4px !important;
}

.login .login-content .account-login .form-login-box .ant-input-affix-wrapper {
  background: url('../../assets/image/login-input-bg.png') no-repeat;
  border: 0;
  padding: 6px 15px;
}

.login .login-content .account-login .ant-form-item-explain.ant-form-item-explain-error>div {
  min-height: 24px;
}

.login .login-content .account-login .ant-input-prefix {
  margin: 0;
}

.login .login-content .account-login .form-login-box .login-form-button {
  margin-top: 20px;
  font-size: 18px;
  width: 100%;
  border: 0;
  height: 50px;
  background: url('../../assets/image/login-button-bg.png') no-repeat;
}

.login .login-content .account-login .form-login-box .login-form-newuser {
  font-size: 14px;
  color: #0CB8FF;
}

.login .login-content .account-login .form-login-box .login-form-forgot {
  font-size: 14px;
  color: #0CB8FF;
}

.login .login-content .account-login .form-signin-box .ant-select-selector {
  height: 30px;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}

.login .login-content .account-login .form-signin-box .ant-select-selector .ant-select-selection-search {
  left: 0 !important;
}

.login .login-content .account-login .form-signin-box .ant-select-selection-placeholder {
  color: #0CB8FF;
}

.login .login-content .account-login .form-signin-box .return-login {
  display: block;
  /* position: relative; */
  bottom: 15px;
  text-align: center;
  color: #0CB8FF !important;
}

.login .login-content .account-login .form-signin-box .ant-select-selector .ant-select-selection-item {
  color: #0CB8FF;
}

.signin-select {
  display: flex;
  align-items: center;
  padding: 6px 15px;
  background: url('../../assets/image/login-input-bg.png') no-repeat;
  background-size: 100% 100%;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
	transition-delay: 99999s;
    transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}